<template>
  <div>
    <MainContent title="门票领取详情" back>
      <LayoutTable
        ref="tableRef"
        url="/activity/ticketCollectPager"
        :param="{ id: $route.params.id }"
      >
        <el-table-column prop="userId" label="用户ID" min-width="80" />

        <el-table-column prop="pageFlagName" label="区域" min-width="100" />
         
        <el-table-column prop="initNum" label="剩余数量" min-width="100">
          <template #default="scope">
            <div>
              {{ `${scope.row.rewardNum}` }}
            </div>
          </template>
        </el-table-column>

        <el-table-column prop="initNum" label="总数" min-width="100">
          <template #default="scope">
            <div>
              {{ `${scope.row.initNum}` }}
            </div>
          </template>
        </el-table-column>

        <el-table-column prop="status" label="状态" min-width="100">
          <template #default="scope">
            <div>
              {{ `${scope.row.status == 1 ? "已过期" : "生效中"}` }}
            </div>
          </template>
        </el-table-column>

        <el-table-column prop="startTime" label="开始时间" min-width="100">
          <template #default="scope">
            <div>
              {{ dateFormat(scope.row.startTime) }}
            </div>
          </template>
        </el-table-column>
        <el-table-column prop="endTime" label="结束时间" min-width="100">
          <template #default="scope">
            <div>
              {{ dateFormat(scope.row.expiredTime) }}
            </div>
          </template>
        </el-table-column>
        <el-table-column prop="createTime" label="创建时间" min-width="100">
          <template #default="scope">
            <div>
              {{ dateFormat(scope.row.createTime) }}
            </div>
          </template>
        </el-table-column>
      </LayoutTable>
    </MainContent>
  </div>
</template>

<script lang="ts" setup>
import { dateFormat } from "@/utils/filters";
</script>

<style lang="scss" scoped></style>
